.MyCard {
  height: 100%;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #fcfcfc;
  border-radius: 5px;
  padding: 10px;
  overflow-y: auto;
}

/* 整个滚动条的样式 */
.MyCard::-webkit-scrollbar {
  width: 12px;
  height: 16px;
  border: 2px solid #f2f2f2;
  background-color: #f2f2f2;
  border-radius: 6px;
}

/* 滚动条的轨道两端按钮，允许通过点击微调小方块的位置 */
.MyCard::-webkit-scrollbar-button {
  display: none;
}

/* 滚动条的轨道样式 */
.MyCard::-webkit-scrollbar-track {
  background-color: #f2f2f2;
  border-radius: 6px;
}

/* 内层轨道样式 */
.MyCard::-webkit-scrollbar-track-piece {
  background-color: #f2f2f2;
  border-radius: 6px;
}

/* 滚动条里面的小方块，能上下移动 */
.MyCard::-webkit-scrollbar-thumb {
  border-radius: 6px;
  box-shadow: inset 0 0 1px 0 #f2f2f2;
  border: 3px solid #f2f2f2;
  background-color: #d9d9d9;
}

/* 滚动条滑块hover时样式 */
.MyCard::-webkit-scrollbar-thumb:vertical:hover,
.MyCard::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #c0c0c0;
}
